<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>系统配置</title>
    <link rel="stylesheet" href="/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/jquery-3.4.1.min.js"></script>
    <link href="/imgs/favicon.ico" rel="shortcut icon">

    <!-- Theme style必不可少,card需要用 -->
    <link rel="stylesheet" th:href="@{/admin/dist/css/adminlte.min.css}">

    <style>
        /*需要复制*/
        body{
            text-align: center;
        }
        .header .layui-nav{
            display: inline-block;
            float: right;
        }
        .logo{
            position: absolute;
            left: 0px;
            font-size: 35px;
            color: lightblue;
        }
        .layui-nav{
            border-radius: 0px;
        }
        .layui-header{
            position: fixed;
            width: 100%;
        }
        .layui-side{
            top:60px;
        }
        .layui-tab{
            margin-left: 200px;
            margin-top: 80px;
        }
        .layui-tab-title{
            font-size: 30px;
            margin: 30px;
        }
        .layui-body{
            position: relative;
            left: 0;
            padding: 30px;
            margin-top: -59px;
        }
        .layui-body a:hover{
            color: #555;
        }

        .layui-card{
            border: 1px solid;
            padding: 20px;
        }
        .CodeMirror-gutters{
            width: 32px;
        }
        .content-wrapper{
            margin-left: 0;
        }

        /*footer的样式（需要复制)*/
        .layui-footer {
            position: fixed;
            height: 50px;
            left: 200px;
            right: 0;
            bottom: 0;
            background-color: gainsboro;
            z-index: 1000;
        }
        .layui-main{
            width: 100%;
        }
        .footer-demo{
            line-height: 45px;
            margin: 0px;
        }
        .footer-demo p{
            display: inline-block;
            vertical-align: middle;
            padding-right: 10px;
        }
        .layui-col-md4{
            padding-left: 5px;
            padding-right: 5px;
        }
        .layui-btn{
            margin: 10px;
            float: right;
        }
        .a{
            margin-left: -25px;
        }
        .layui-icon{
            margin-right: 10px;
        }
    </style>
    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script src="/js/kawai.js"></script><!--必须在后面-->
</head>
<body>

<link href="/admin/plugins/editormd/css/editormd.css" rel="stylesheet"/>


<div class="layui-layout layui-layout-admin">

    <div class="layui-header header header-demo" spring="">
        <div class="layui-main">

            <div class="layui-nav" th:replace="~{commons/commons::topbar}"></div>
        </div>
    </div>
</div>


<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <div th:replace="~{commons/commons::sidebar(itemed='sys.html')}"></div>
    </div>
</div>

<div class="layui-tab layui-tab-brief">
    <ul class="layui-tab-title">
        <li class="layui-this" style="font-size: 20px;margin-bottom: 15px">
            系统配置
        </li>
    </ul>
    <div class="layui-body"><!--body写在这-->
        <div class="wrapper">
            <!-- Content Wrapper. Contains page content -->
            <div class="content-wrapper">
                <!-- Content Header (Page header) -->
                <div class="content-header">
                    <div class="container-fluid">
                    </div><!-- /.container-fluid -->
                </div>
                <!-- Main content -->
                <div class="content">
                    <div class="container-fluid">
                        <div class="layui-col-md4">
                            <div class="card card-primary card-outline">
                                <div class="card-header">
                                    <h3>站点信息</h3>
                                </div>
                                <div class="card-body">
                                    <form action="#" method="post">
                                        <div>
                                            <label>站点名称</label>
                                            <input type="text" class="layui-input">
                                        </div>
                                        <div>
                                            <label>站点描述</label>
                                            <input type="text" class="layui-input">
                                        </div>
                                        <div>
                                            <label>站点Logo</label>
                                            <input type="text" class="layui-input">
                                        </div>
                                        <div>
                                            <label>favicon.ico</label>
                                            <input type="text" class="layui-input">
                                        </div>
                                        <input id="update_btn1" type="submit" class="layui-btn layui-btn-radius layui-btn-normal" value="确认修改">
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="card card-primary card-outline">
                                <div class="card-header">
                                    <h3>个人信息</h3>
                                </div>
                                <div class="card-body">
                                    <form onsubmit="return false;" id="update_form2">
                                        <div style="display: block;width: 100%;height: 100px;">
                                            <label style="display: block">个人头像</label>
                                            <button style="display: block;float: left;" type="button" class="layui-btn" id="test1">
                                                <i class="layui-icon">&#xe67c;</i>点击修改头像
                                            </button>
                                        </div>
                                        <div style="display: block">
                                            <label>个人名称</label>
                                            <input type="text" name="selfname" th:value="${configs.get('selfname')}" class="layui-input">
                                        </div>
                                        <div>
                                            <label>个人邮箱</label>
                                            <input type="text" name="selfemail" th:value="${configs.get('selfemail')}" class="layui-input">
                                        </div>
                                        <button id="update_btn2" type="button" onsubmit="return false;"
                                                class="layui-btn layui-btn-radius layui-btn-normal">确认修改</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md4">
                            <div class="card card-primary card-outline">
                                <div class="card-header">
                                    <h3>底部设置</h3>
                                </div>
                                <div class="card-body">
                                    <form onsubmit="return false;" id="update_form3">
                                        <div>
                                            <label>底部About</label>
                                            <input type="text" name="bottom_about" th:value="${configs.get('bottom_about')}" class="layui-input">
                                        </div>
                                        <div>
                                            <label>底部备案号</label>
                                            <input type="text" class="layui-input">
                                        </div>
                                        <div>
                                            <label>底部Copy Right</label>
                                            <input type="text" name="bottom_copy_right" th:value="${configs.get('bottom_copy_right')}" class="layui-input">
                                        </div>
                                        <div>
                                            <label>底部Powered By</label>
                                            <input type="text" name="bottom_powered_by" th:value="${configs.get('bottom_powered_by')}" class="layui-input">
                                        </div>
                                        <div>
                                            <label>底部Powered By URL</label>
                                            <input type="text" name="bottom_powered_by_url" th:value="${configs.get('bottom_powered_by_url')}" class="layui-input">
                                        </div>
                                        <button id="update_btn3" type="submit" class="layui-btn layui-btn-radius layui-btn-normal">确认修改</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.container-fluid -->
                </div>
            </div>


        </div>
    </div>
</div>

<div th:replace="~{commons/commons::footer}"></div>


<script src="/js/public.js"></script>
<script src="/js/config.js"></script>

</body>
</html>
